<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>服务商小区权限列表</title>
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
		<link rel="stylesheet" href="../bootstrap/dist/css/bootstrap.min.css">
		<link rel="stylesheet" href="../css/font-awesome.min.css">
		<link rel="stylesheet" href="../css/ionicons.min.css">
		<link rel="stylesheet" href="../css/AdminLTE.min.css">
		<link rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
		<link rel="stylesheet" type="text/css" href="../css/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/public_main.css" />
		<style type="text/css">
			body #select_zhanwei {
				display: inline-block;
				/*margin-top: 5px;*/
				width: 120px;
				height: 34px;
			}
			
			#search_chaxun {
				/*margin-top: 10px;*/
				margin-left: 30px;
			}
			
			body #tbbb .btn {
				padding: 0;
				cursor: default;
			}
			
			body #select_type {
				display: inline-block;
				/*margin-top: 5px;*/
				width: 137px;
				height: 34px;
				margin-left: 10px;
			}
			
			body #select_type1 {
				display: inline-block;
				/*margin-top: 5px;*/
				width: 80px;
				height: 34px;
				margin-left: 10px;
			}
			
			body #select_type2 {
				display: inline-block;
				/*margin-top: 5px;*/
				width: 80px;
				height: 34px;
				margin-left: 10px;
			}
			
			body #select_type3 {
				display: inline-block;
				/*margin-top: 5px;*/
				width: 60px;
				height: 34px;
				margin-left: 10px;
			}
			
			body #select_wuye,
			#select_xiaoqu {
				display: inline-block;
				/*margin-top: 5px;*/
				width: 130px;
				height: 34px;
				margin-left: 10px;
			}
			
			#search_chaxun {
				/*margin-top: 10px;*/
				margin-left: 10px;
			}
			
			#text_sousuo {
				margin-left: 20px;
			}
			
			.id_dingdan {
				position: absolute;
				top: 0;
				left: 650px;
			}
			
			.id_dingdan input {
				width: 200px;
				height: 34px;
				margin-left: 20px;
			}
			.foot_zong th,td{
				text-align: left;
			}
		</style>

	</head>

	<body>
		<div class="box" id="app">
			<div class="box-header with-border">
				<h3 class="box-title">按照费用类别统计物业费用列表</h3>
			</div>
			<div id="mohu" class="clear">
				<div id="star_time" class="form-group">
					<label for="dtp_input2" class=" control-label">开始时间</label>
					<div class="input-group date form_date " data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
						<input id="datepicker" placeholder="请选择开始时间" onchange="gaibian()" class="form-control input_1" size="16" type="text" value="" readonly>
						<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
						<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

						<input type="hidden" id="dtp_input2" value="" />
					</div>
				</div>
				<div id="end_time" class="form-group">
					<label for="dtp_input2" class="control-label">结束时间</label>
					<div class="input-group date form_date2 " data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
						<input class="form-control input_2" placeholder="请选择结束时间" size="16" type="text" value="" readonly>
						<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
						<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

						<input type="hidden" id="dtp_input2" value="" />
					</div>
				</div>
				<label for="name">物业</label>
				<!--<s>选择状态</s>-->
				<select id="select_wuye" style="display: inline-block;" class="form-control">

				</select>
				<label style="margin-left: 10px;" for="name">小区</label>
				<!--<s>选择状态</s>-->
				<select id="select_xiaoqu" style="display: inline-block;" class="form-control">
					<option value="">先选择物业</option>
				</select>

				<!-- <input type="text" name="" id="text_sousuo" value="" placeholder="请输入需要查询的内容" /> -->
				<button id="search_chaxun" type="button" class="btn btn-success">搜索</button>
				<!--<button id="aa" type="button" class="btn btn-success">搜索</button>-->
				
			</div>
			<!--<div style="margin-top:0px;margin-left: 20px;" class="my_feilei">

			</div>-->
			<!-- /.box-header -->
			<div class="box-body" id="print">
				<table class="table table-bordered" >
					<tr>
						<th>序号</th>
						<th>物业名称 </th>
						<th>小区名称</th>
						<th>费用类别</th>						
						<th>现金金额</th>
						<th>pos金额  </th>	
						<th>微信金额  </th>	
						<th>支付宝金额  </th>							
						<th>交易笔数</th>
						<th>金额合计</th>
					</tr>
					<tbody id="tbbb">
						<tr>
							
						</tr>
					</tbody>

				</table>
			</div>
			<div class="foot_zong" style="margin-left: 10px;">
				<table class="table table-bordered">
					<tbody>
						<tr class="te_zong">
							<!--<th class="warning">总计：</th>-->
							<!--<th>总计：</th>-->
							<th style="">app条数：</th>
							<th style="" id="pay_app_count"></th>
							<th style="">app金额：</th>
							<th style="color: red;" id="pay_app"></th>
							<th style="">物业端条数：</th>
							<th style="" id="pay_wuye_count"></th>	
							<th style="">物业端金额：</th>
							<th style="color: red;" id="pay_wuye"></th>
							<th style="">交易总笔数：</th>
							<th style="" id="bi_zong"></th>
							<th style="">金额总计：</th>
							<th style="color: red;" id="bi_money"></th>
						</tr>
					</tbody>
				</table>
			</div>
			<!-- /.box-body -->
			<div class="box-footer clearfix">

				<div>
					<s style="margin-top: 5px;">共有：</s> <span id="count"></span><s>条,每页显示10条</s>
				</div>
				<ul id='bp-3-element-test'>
				</ul>
			</div>

		</div>

		<!-- 模态框（Modal） -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel"></h4>
					</div>
					<div id="shenhe" class="modal-body">
						<ul id="myTab" class="nav nav-tabs">
							<li class="active">
								<a href="#home" data-toggle="tab">
									基础信息
								</a>
							</li>
						</ul>
						<ul id="ppp">
							<div id="myTabContent" class="tab-content">
								<div class=" tab-pane fade in active" id="home">
									<li>
										<span>第三方支付id:</span><s id="s_id"></s>
									</li>
									<li>
										<span>业主名字:</span><s id="s_yezhu"></s>
									</li>

									<li>
										<span>沃豆抵扣额:</span><s id="s_wodou"></s>
									</li>
									<li>
										<span>物业名字:</span><s id="s_wuye"></s>
									</li>
									<li>
										<span>会员名:</span><s id="s_huiyuan"></s>
									</li>
								</div>

							</div>
						</ul>
					</div>
					<div class="modal-footer">
						<div class="modal-footer">
							<button type="button" class="btn btn-default fanhui" data-dismiss="modal">返回</button>
						</div>
					</div>

				</div>
			</div>
		</div>

	</body>

</html>
<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../bootstrap/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery.slimscroll.min.js"></script>
<script src="../js/fastclick.js"></script>
<script src="../dist/js/adminlte.min.js"></script>
<script src="../dist/js/demo.js"></script>
<script src="../js/qunit-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/bootstrap-paginator.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/bootstrap-datetimepicker.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/wuye_js/Statistics_category.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/data.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$("#aa").click(function() {
		//改变title
		document.title = '';
//		        var newWindow = window.open('_blank');   //  打开新窗口
//		        let codestr = document.getElementById('print').innerHTML;   //  获取需要生成pdf页面的div代码
//		        console.log(codestr);
//		        newWindow.document.write(codestr);   //  向文档写入HTML表达式或者JavaScript代码
//		        newWindow.document.close();     //  关闭document的输出流, 显示选定的数据
//		        newWindow.print();   //  打印当前窗口
//		        return true;
		var subOutputRankPrint = document.getElementById('print');
		var newContent = subOutputRankPrint.innerHTML;
		var oldContent = document.body.innerHTML;
		document.body.innerHTML = newContent;
		window.print();
		window.location.reload();
		document.body.innerHTML = oldContent;
		return false;

	})
</script>